@charset "utf-8";

/* CSS Document */

html{font-family:"Microsoft YaHei";font-size:12px}

b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}

img,input{border:0;vertical-align:middle}

li,ul{list-style:none;margin:0;padding:0}

form{padding:0;margin:0}

td{FONT-SIZE:12px}

i{font-style:normal}

img{border:0}

a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}

a:focus{outline:0}

input,textarea{outline:0}

a:hover{color:#1856db; text-decoration:underline;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}



.content{width:1200px;overflow:hidden;margin:0 auto; position:relative;}





.title{overflow:hidden;margin:60px auto 40px;   text-align:center; }

.title h3{font-size:36px;text-align:center;color:#333; background:url(../images/xx.png) no-repeat center center; font-weight:400;}

.title p{font-size:16px;color:#666;margin:7px 0;display:block;font-style:normal;text-transform:uppercase; font-weight:400;}

.title span{color:#1856db; font-weight:bold;}

.title b{color:#333}





.n_title{overflow:hidden;margin:60px auto 40px;   text-align:center; }

.n_title h3{font-size:36px;text-align:center;color:#333; background:url(../images/xx.png) no-repeat center center; font-weight:400;}

.n_title p{font-size:16px;color:#666;margin:7px 0;display:block;font-style:normal;text-transform:uppercase; font-weight:400;}

.n_title span{color:#1856db; font-weight:bold;}

.n_title b{color:#333}







.top_box{width:100%;max-width:1920px;height:37px;line-height:37px;overflow:hidden;margin:0 auto;font-size:14px;color:#666;background:#ebebeb;min-width:1200px}

.top{width:1200px;height:37px;line-height:37px;overflow:hidden;margin:0 auto;font-size:12px;color:#666}

.top span{float:right; font-size:14px;}



.top span a:hover{color:#ffa302a}

.top span a:after{content:"|"; margin:0 8px;}

.top span a:last-child:after{content:""; display:none;}



.logo{float:left;margin:40px 0 }

.hot{float:right; margin:40px 0}



.nav{width:100%;max-width:1920px;min-width:1200px;height:60px;margin:0 auto 0;background:#1856db}

.nav ul{width:1200px;margin:0 auto;position:relative}

.nav ul li{float:left;height:60px;line-height:60px;text-align:center;font-size:16px}

.nav ul li a{display:block;height:60px;color:#fff;padding:0 53px}

.nav ul li a:hover{color:#fff;background:#ed1b24;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:0s ease-out;-o-transition:0s ease-out}

.nav ul li a.hover{color:#fff;background:#ed1b24;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:0s ease-out;-o-transition:0s ease-out}







.keywords{width:100%;height:60px;background:#eee}

.keywords p{font-size:16px;color:#333;font-weight:700;line-height:60px;float:left}

.keywords p a{font-size:16px;color:#333;font-weight:700;line-height:60px}

.keywords ul{float:left}

.keywords ul span{position:relative;line-height:60px;font-size:13px;color:#333}

.keywords ul span:after{content:"|";margin:0 5px}

.keywords ul span:last-child:after{ content:""; display:none;}

















.wary_left{ float:left; overflow:hidden; width:280px;  background:#eee }

.wary_right{ float:right; overflow:hidden; width:900px;}



.menu_list{  overflow:hidden; background:#eee; }

.menu_list ul{ margin:0 15px;}

.menu_list ul li{ margin-bottom:4px; font-size:18px; color:#fff; background:#1856db; height:50px; line-height:50px;  text-align:center; margin-top:13px; border-radius:6px;}

.menu_list ul li a{color:#fff;}

.menu_list ul li:hover a{color:#fff; display:block;}

.menu_list ul li:hover { background:#ed1b24}





.tit{ background:#1856db; border-radius:5px 5px 0 0; text-align:center; color:#fff; font-size:26px; padding:20px 0; font-weight:bold;}

.tit p{ font-size:14px; font-weight:400;}

.tel{ padding:20px 0}

.tel img{ margin:10px; }


.banner .swiper-slide img{ width:100%}

.pic_content{ overflow:hidden; }

.pic_content ul{ overflow:hidden; }

.pic_content ul li{ overflow:hidden; width:285px; float:left; margin-right:20px; margin-bottom:20px; }

.pic_content ul li div{ overflow:hidden; border:1px #ccc solid; padding:10px; }

.pic_content ul li p{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height:40px; line-height:40px; font-size:16px; text-align:center; font-size:16px; }

.pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}



.pic_content ul li:hover div { border:1px #1856db solid; }

.pic_content ul li:hover p {color:#1856db  }

.pic_content ul li:nth-child(3n){ margin-right:0px;}



.gengduo{ width:200px; height:55px; line-height:55px; overflow:hidden; margin:40px auto; border:1px #ccc solid; border-radius:6px; text-align:center; font-size:16px;}

.gengduo:hover{ background:#1856db;}

.gengduo:hover a{ color:#fff; display:block;}





.about_box{ background:#e7eefb; overflow:hidden; margin:70px auto 0; padding:80px 0;}

.le1{ width:560px;  border-radius:30px;  border:20px #7fa2eb solid; overflow:hidden; float:left; }

.le1 img { width:100%; height:100%;}



.le2{ float:right; width:560px; overflow:hidden;}

.le2 h3{ font-size:36px; color:#1856db; overflow:hidden;}

.le2 h3 span{ color:#333; font-weight:400;}

.le2 h3:after{ content:""; display:block; height:2px; width:80px; margin:30px 0; background:#1856db; }

.le2_text{ overflow:hidden; text-indent:2em; font-size:15px; line-height:30px; color:#333;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 7;

overflow: hidden;}

.more{ width:200px; height:55px; line-height:55px; margin-top:30px; border:1px #ccc solid; border-radius:6px;font-size:16px; text-align:center;}

.more:hover{ background:#1856db;}

.more:hover a{ color:#fff; display:block;}









.anli{width:1200px;overflow:hidden;margin:0px auto 0}

.anli ul{overflow:hidden;margin:0 auto}

.anli ul li{width:290px;float:left;overflow:hidden; margin:0 8px;  }

.anli ul li  div{overflow:hidden;}

.anli ul li  p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:16px;text-align:center; border-bottom:1px #ccc solid;} 

.anli ul li  div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.anli ul li  div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anli ul li:hover p{ border-bottom:1px #1856db solid}

.anli ul li:hover a p { color:#1856db;}





.zizhi{width:1200px;overflow:hidden;margin:0px auto 0}

.zizhi ul{overflow:hidden;margin:0 auto}

.zizhi ul li{width:290px;float:left;overflow:hidden; margin:0 8px;  }

.zizhi ul li  div{overflow:hidden; border:1px #ccc solid; padding:8px;}

.zizhi ul li  p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:16px;text-align:center;} 

.zizhi ul li  div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.zizhi ul li  div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}



.zizhi ul li:hover a p { color:#1856db;}







.news{ background:#f3f3f3; overflow:hidden; margin:0px auto;}







.news_con{overflow:hidden;}

.news_con div{ width:46%; float:left; overflow:hidden; border:1px #ccc solid; padding:20px;}

.news_con div dd{width:100%; height:288px; overflow:hidden; margin:0px auto;}

.news_con div dd img{width:100%; height:100%}

.news_con div h3{height:36px; line-height:36px; margin:10px 0; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:16px;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;}

.news_con div p{ height:50px; line-height:24px; font-size:14px; color:#666; text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.news_con div dt{ font-size:12px;  color:#999;}

.news_con div h3:hover{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;}

.news_con ul{ float:right;overflow:hidden; width:48%}

.news_con ul li{ height:65px; border:1px #ccc solid; line-height:65px; margin-bottom:10px; overflow:hidden; font-size:16px; position:relative; padding-left:38px;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../images/news1.png) no-repeat center left 20px; padding-left:40px;}

.news_con ul li span{float:right; margin-right:15px; font-size:14px; color:#999}



.news_con ul li:hover{border:1px #1856db solid;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;}

.news_con ul li:hover a{color:#1856db; text-decoration:underline;}









.links{ width:1200px; margin:0  auto 30px;  border:1px #ccc solid;}

.links .titt{float:left; width:199px; background:#1856db}

.links .titt p{color:#fff;font-size:16px;line-height:59px; background:url(../images/link.png) no-repeat center left 15px}

.links .titt p b{ margin-left:40px;}

.links ul{width:980px;float:right;margin-top:10px;height:40px;overflow:hidden;}

.links ul a{float:left;line-height:20px;font-size:14px}

.links ul a:after{ content:"|"; margin:0 10px;}







.footer{width:100%;overflow:hidden;background:#1856db;margin-top:0px; padding-bottom:20px;}

.footer .name{float:left;margin-top:50px}

.footer .name img{display:block}

.footer .info{float:left;width:560px;height:auto;overflow:hidden;margin-left:55px;position:relative;float:left;margin-top:50px}

.footer .info h3{ font-size:16px; font-weight:bold; color:#fff;}

.footer .info h3:after{content:"——"; color:#fff; display:block;}

.footer .info p{color:#fff;font-size:16px;line-height:28px}

.footer .info a{color:#fff}

.footer .ewm{width:200px;height:233px;float:right}

.footer .ewm img{display:block;width:150px;border:1px solid #fff;margin:0 auto;margin-top:45px; padding:5px;}

.footer .ewm p{text-align:center;color:#fff;font-size:16px;margin-top:5px}



.mbx{ background:#f1f1f1; width:100%; height:50px; line-height:50px;}

.w1200{ width:1200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:0px auto;}

.mbx span{ background:url(../images/InpageAddress_icon01.png) no-repeat center left; font-size:16px; padding-left:20px;}

.mbx a{ font-size:16px; background:url(../images/InpageAddress_icon02.png) no-repeat center right; padding-right:10px; margin-left:5px;}

.mbx a:last-child{ background:none;}







.pic_nav{overflow:hidden;line-height:50px;text-align:center;  margin:10px auto 30px; }



.pic_nav ul li{ display:inline-block;overflow:hidden;text-align:center;color:#333;font-size:16px;width:155px;height:50px; line-height:50px;display:inline-block;margin:0 5px; border:1px #ccc solid;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-radius:6px;}

.pic_nav ul li a{ display:block;}

.pic_nav ul li a:hover{color:#fff;background:#1856db;}









.page{width:100%;height:auto;overflow:hidden; margin:20px auto;}



.page ul{display:table;margin:0 auto}



.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:5px}



.page ul li a{color:#333;display:inline-block}



.page ul .thisclass{background:#1856db;color:#fff;border:1px solid #1856db}



.page select{border:none;background:0 0;outline:0}



.page ul .thisclass a{color:#fff}













.anli_lb{overflow:hidden}



.anli_lb ul{overflow:hidden;margin:15px auto 0}



.anli_lb ul li{width:25%;float:left;overflow:hidden; border:8px #fff solid; box-sizing:border-box;}



.anli_lb ul li div{overflow:hidden;border:1px #d2d2d2 solid}



.anli_lb ul li dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center}



.anli_lb ul li a:hover dd{color:#000}







.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}



.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}









.about-article{width:100%;height:auto;margin-bottom:40px;overflow:hidden}

.about-article img{display:block;margin:0 auto}

.about-article .info{margin:10px;}

.about-article .info p{ text-indent:2em; font-size:16px; line-height:30px; color:#555}

.about-article .lxwm p{ font-size:16px; line-height:30px; color:#555; padding:0 10px;}

.map{ height:300px;}





.pro-intro{overflow:hidden;margin-top:6px;padding:10px 14px 40px}

.pro-intro .img{float:left;width:450px;height:auto;overflow:hidden}

.pro-intro .img img{display:block;width:450px;height:395px}

.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}

.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}

.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}

.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}

.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}

.pro-intro .data{width:100%;height:auto;overflow:hidden}

.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}

.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}

.pro-intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}

.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}

.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}

.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}

.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}

.pro-intro .info .btn a:last-child::after{content:""}

.pro-intro .info .btn a:hover{background:#25b240}

.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}

.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}

.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}

.pro-intro .text{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin:20px 0px 20px; }

.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px;text-indent:2em}



.pro-intro .textxq img{display:block;max-width:100%;margin:0 auto}

.pro-intro .textxq  p{ font-size:16px; line-height:28px; color:#666;}

.article-detailed{overflow:hidden;margin-top:20px}



.article-detailed{margin:0 auto;overflow:hidden;margin-top:20px}

.article-detailed .tit{height:auto;overflow:hidden;margin-bottom:15px}

.article-detailed .tit p{color:#333;font-size:18px;text-align:center;border-bottom:1px dashed #f1f1f1;height:30px}

.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}

.article-detailed .intro{height:auto;overflow:hidden}

.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}

.article-detailed .intro p{color:#333;font-size:16px;line-height:30px}



.map{ overflow:hidden; margin-bottom:40px;}

.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}

.fy p{width:33.3333%;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2; box-sizing:border-box; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding:0 10px; }

.fy p:last-child{border:none}

.fy p a{color:#666}

.fy p a:hover{color:#006cd8}







.news-list{width:100%;height:auto;overflow:hidden}

.news-list ul li{width:49%;background:#fff;height:160px;border:1px solid #dcdcdc;box-sizing:border-box;padding:30px;float:left;margin-bottom:20px}

.news-list ul li:nth-child(2n){float:right}

.news-list ul li .time{float:left;width:120px;height:100px;margin-right:20px;display:inline-table}

.news-list ul li .time b{width:100%;height:60px;display:block;line-height:60px;background:#1856db;text-align:center;font-size:30px;color:#fff}

.news-list ul li .time p{width:100%;height:40px;line-height:40px;text-align:center;color:#fff;background:#999;font-size:14px}

.news-list ul li .intro{height:auto;overflow:hidden}

.news-list ul li a{justify-content:space-between;align-items:center;width:100%;height:auto;overflow:hidden}

.news-list ul li .intro p{color:#333;font-size:16px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.news-list ul li:hover{border:1px solid #1856db}

.news-list ul li:hover .intro p{color:#1856db}

.news-list ul li .intro span{display:block;color:#666;font-size:13px;height:48px;line-height:24px;margin-top:10px;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;}



.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:10000;border:1px solid #ccc;background:#fff;border-bottom:0}

.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;}

.side ul li a{color:#333}

.side ul li:hover{background:#1856db;color:#fff}

.side ul li:hover a{color:#fff}

.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}

.side ul li i.bgs1{background-image:url(../images/ios01.png)}

.side ul li i.bgs2{background-image:url(../images/ios02.png)}

.side ul li i.bgs3{background-image:url(../images/ios03.png)}



.side ul li i.bgs6{background-image:url(../images/ios03.png)}



.side ul li:hover i.bgs1{background-image:url(../images/icon11.png)}

.side ul li:hover i.bgs2{background-image:url(../images/icon22.png)}

.side ul li:hover i.bgs6{background-image:url(../images/icon33.png)}





.side ul li.sideetel:hover .telBox{display:block}

.side ul li.sideewm:hover .ewBox{display:block}

.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}





.side ul li.sideewm .ewBox{width: 130px;

    display: none;

    color: #363636;

    text-align: center;

    padding: 10px;

    position: absolute;

    left: -152px;

    top: -75px;

    background-repeat: no-repeat;

    background-position: center center;

    border: 1px solid #e0e0e0;

    background: #1856db;}

.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#1856db}

.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:82px;line-height:20px;font-size:18px;padding-top:14px}

.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}

.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}

.side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon11.png) 28px 19px no-repeat;background-size:15%}

.side ul li.sideewm .ewBox img{width:100%}